@import "../_function";
@import "../_variables";
@import "./input";

.add-address {
	height: 100%;
	.add-address-form {
		padding: 0 pr(40);
		.address-select {
			border-bottom: 1px solid #ddd;
			.address-label {
				display: flex;
				height: pr(150);
				align-items: center;
				justify-content: space-between;
				padding: 0 pr(5);
				font-size: pr(40);
			}
			.address-label-text {
				width: pr(200);
				overflow: hidden;
			}
			.h-selector {
				flex: 1;
				margin-left: pr(30);
				border: none;
				height: 100%;
				font-size: inherit;
				padding-right: pr(30);
				letter-spacing: 1px;
				.h-selector-show {
					line-height: pr(150);
					padding: 0;
					color: #797979;
				}
				.h-selector-wrapper {
					font-size: pr(45);
				}
			}
		}
		.add-address-btn {
			margin: pr(50) 0;
			button {
				width: 100%;
				height: pr(115);
				border: none;
				border-radius: pr(15);
				color: #fff;
				font-size: pr(45);
				letter-spacing: 2px;
			}
			&.danger {
				button {
					background: #e64240;
				}
			}
			&.success {
				button {
					background: #1aac19;
				}
			}
		}
	}
}
